iT邦幫忙

2024 iThome 鐵人賽

DAY 30
0

為期一個月的鐵人賽終於完成了!雖然一路上遇到許多波折,動過好幾次放棄的念頭,最後還是完成了這個目標。作為我首次挑戰製作的應用,我收穫不少經驗與知識,也踏出第一步做出自己想做的作品,即使只是一個簡單的網頁,對我來說卻意義非凡。接下來就先來回顧所有功能吧!

回顧

  1. 收入與支出輸入:一個記帳應用,最基本的就是這項功能。從原本的兩排輸入,我將他改造成現在選擇支出或收入按鈕,來分類支出或收入項目。另外,也有總支出、總收入與淨收入的計算,讓使用者更好安排財務。
    https://ithelp.ithome.com.tw/upload/images/20241014/20169208lC50wZhsTp.png
  2. 預算設定:這算是我自己額外想加上的功能,因為有時候即使有再記帳,會還是會沒有一個標準,來阻止自己花費過多錢,於是我加上了預算設定功能。
    https://ithelp.ithome.com.tw/upload/images/20241014/20169208ofjscxQl2c.png
  3. 編輯與刪除:考慮到使用者可能會輸入錯誤,增加了編輯與刪除功能,這樣即使輸入錯誤,也能更正或刪除紀錄。
    https://ithelp.ithome.com.tw/upload/images/20241014/20169208LOyU4r74ls.png
  4. 圖表:有圖表會更方便使用者快速辨識自己目前的財務狀況,於是我加上了圖表功能,會隨著使用者輸入支出與收入來動態改變。
    https://ithelp.ithome.com.tw/upload/images/20241014/20169208j5P8SKLn9W.png
  5. 使用者偏好設置:除了本身默認的深色模式寬版,我加上了淺色模式與窄版,讓不同的使用者能選擇更讓自己習慣的排版方式。
    https://ithelp.ithome.com.tw/upload/images/20241014/20169208KAtBv9W9du.png
  6. 匯出表格:有時候項使用者想將記錄匯出成文件表格,進行整理或對照等,因此提供了匯出功能。
    https://ithelp.ithome.com.tw/upload/images/20241014/20169208jkKDg8LQ5K.png
  7. 本地儲存:若每次重載資料都會消失,那這個記帳應用肯定不是一個好用的網站,不然就無法達到「紀錄」的效果,於是這個功能就非常重要。

心得

重要功能都在上面列出了,一想到之前一天又一天累積出這些成果,就覺得一切都是值得的。因為以往從來都沒寫過HTML、JavaScript和CSS等,起初我非常擔心自己是完成不了這項計畫的,不過大概也是因為有鐵人賽的push吧,雖然每天都要產出一篇文章很有壓力,但正因為這個壓力,讓我還是完成了這項計畫。
在完成這項計畫的路途上,煩躁過、焦慮過、擔憂過,但也期待過、興奮過、自豪過,雖然對大部分的資工人來說,這或許沒什麼,只不過是一個簡單的網頁,花沒幾小時就可以寫出來,但對我來說,卻是第一次的嘗試、第一次的挑戰,而我,完成它了。
這趟30日的旅程上,我吸收了許多寶貴的經驗與知識,希望我能帶著這些知識,一次比一次完成更好的作品。最後也要感謝ChatGPT,這是一個非常好的線上學習資源,雖然過度依賴不太好,但適時利用他對自己能帶來很大的幫助。

最後,謝謝大家的觀看😍

參考資料

https://chatgpt.com/


上一篇
DAY29 編寫README文件
系列文
新手開發日記:跟著ChatGPT做記帳網頁30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言